<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>

<body class="df fdc mineCont">
    <!-- 主要内容 -->
    <section class="main-cont f1 ofs">
        <!-- 轮播图 -->
        <div class="swiper">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img class="img" src="../../assets/imgs/运动1.jpg" alt="" />
                    </div>
                    <div class="swiper-slide">
                        <img class="img" src="../../assets/imgs/棒球.jpg" alt="" />
                    </div>
                </div>
                <!-- 分页器 -->
                <div class="swiper-pagination"></div>
            </div>
        </div>

        <!-- 用户登录 -->

        <!-- 基本信息 -->
        <div class="info">
            <!-- 用户基本信息 -->
            <a href="./userInformation.html" class="user df jcsb aic">
                <div class="userLeft df aic">
                    <img class="avatar" id="avatar" />
                    <span class="iconfont icon-vip1"></span>
                    <p id="nickname" class="nickname"></p>
                </div>
                <div class="userRight">
                    <span class="iconfont icon-arrow"></span>
                </div>
            </a>
            <div class="sign">个性签名: <span id="sign"></span></div>
        </div>

        <!-- 打卡信息 -->
        <div class="clock mt20 df jcsb aic">
            <div class="clockLeft df">
                <span class="iconfont icon-enroll"></span>
                <div class="text">累计打卡 <span id="clockDay" class="clockDay displayB"></span> 天</div>
            </div>
            <div class="clockRight">
                <div class="clockIn-box" id="clockIn-box">今日打卡</div>
            </div>
        </div>
        <!-- 个人动态 -->
        <a href="./circle.html">
            <div class="talk mt20 df jcsb aic">
                <div class="talkLeft df">
                    <span class="iconfont icon-dynamic"></span>
                    <div class="text">个人动态</div>
                </div>
                <div class="num" id="talkNum"></div>
                <span>条</span>
                <div class="talkRight">
                    <span class="iconfont icon-arrow"></span>
                </div>
            </div>
        </a>
        <!-- 运动数据 -->
        <a href="./sports-data.html">
            <div class="sports mt20 df jcsb fw">
                <!-- sports-top -->
                <!-- 上部盒子 -->
                <div class="sportsTop df jcsb aic">
                    <div class="left df jcsb aic">
                        <span class="iconfont icon-data"></span>
                        <div class="text">运动数据</div>
                    </div>
                    <div class="right">
                        <span class="iconfont icon-arrow"></span>
                    </div>
                </div>
                <!-- 底部盒子 -->
                <div class="sportsBto df">
                    <!-- 总运动 -->
                    <div class="common">
                        <p class="title">总运动</p>
                        <div class="commonBto df">
                            <div class="minute" id="minute"></div>
                            <div class="mut min">分钟</div>
                        </div>
                    </div>
                    <!-- 本周消耗 -->
                    <div class="common dotted">
                        <p class="title">本周消耗</p>
                        <div class="commonBto df">
                            <div class="minute" id="consume"></div>
                            <div class="mut">千卡</div>
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <!-- badge徽章 -->
        <a href="./badge.html">
            <div class="badge mt20 df jcsb fw">
                <!-- 上部盒子 -->
                <div class="badgeTop df jcsb aic">
                    <div class="left df jcsb aic">
                        <span class="iconfont icon-emblem"></span>
                        <div class="text">我的运动徽章</div>
                    </div>
                    <div class="right">
                        <span class="iconfont icon-arrow"></span>
                    </div>
                </div>
                <!-- 下部盒子 -->
                <div class="badgeBto df jcsb">
                    <img src="../../assets/imgs/mybadge02.jpg" alt="" class="img" id="">
                    <img src="../../assets/imgs/mybadge03.jpg" alt="" class="img" id="">
                    <img src="../../assets/imgs/mybadge06.jpg" alt="" class="img" id="">
                </div>
            </div>
        </a>
    </section>
    <!-- 信息提示框 -->
    <div class="msg" id="msg"></div>
</body>

</html>